<!DOCTYPE html>
<html lang="en">
{% load staticfiles %}
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>

    <link href="https://magicbox.bkclouds.cc/static_api/v3/assets/bootstrap-3.3.4/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="https://magicbox.bkclouds.cc/static_api/v3/assets/bk-icon-2.0/iconfont.css" rel="stylesheet">
    <link href="https://magicbox.bkclouds.cc/static_api/v3/bk/css/bk.css" rel="stylesheet">
    <link href="https://magicbox.bkclouds.cc/static_api/v3/bk/css-pro/bk.css" rel="stylesheet">
    <link href="{% static 'css/common.css' %}" rel="stylesheet">

    {% block  custom_css %} {% endblock %}

</head>
<body>

<nav class="bk-horz-nav bk-horz-nav-min">
    <div class="bk-nav-logo fl">
        <img src="https://magicbox.bkclouds.cc/static_api/v3/components_pro/horizontal_nav1/images/logo.png">
    </div>
    <div class="bk-nav-user fr">
        <span class="mr5">admin</span>
        <img src="https://magicbox.bkclouds.cc/static_api/v3/components_pro/horizontal_nav1/images/avatar.png">
    </div>
    <ul class="bk-nav-links fr">
         {% block header_drop %}
        <li class="bk-has-submenu">

            <a href="javascript:;">帮助</a>
            <ul class="bk-submenu">
                <li>
                    <a href="javascript:;">文档1</a>
                </li>
                <li>
                    <a href="javascript:;">文档2</a>
                </li>
                <li>
                    <a href="javascript:;">文档3</a>
                </li>
            </ul>
        </li>
        {% endblock %}
    </ul>
</nav>

<div class="bk-layout bk-layout-has-sidebar" style="height:calc(100% - 60px)">
    <div class="bk-sidebar slide-close">
        <div class="slide-switch">
            <i class="icon bk-icon icon-dedent f14"></i>
        </div>

        {% block sedar_bar %}
        <div class="nav-list">
            <ul>
                <li class="pureLink open">
                    <a href="/">
                      <span class="icon-box">
                        <i class="bk-icon icon-home"></i>
                      </span>
                        <span class="nav-name">首页</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                      <span class="icon-box">
                        <i class="bk-icon icon-list"></i>
                      </span>
                        <span class="nav-name">资产管理</span>
                    </a>
                    <div class="flex-subnavs">
                        <a href="{% url 'assets:idc' %}"><i></i>IDC管理</a>
                        <a href="javascript:;"><i></i>主机管理</a>
                        <a href="javascript:;"><i></i>服务管理</a>
                        <a href="javascript:;"><i></i>项目管理</a>
                    </div>

                </li>
                <li class="pureLink">
                    <a href="tab.html">
                      <span class="icon-box">
                        <i class="bk-icon icon-line-chart"></i>
                      </span>
                        <span class="nav-name">统计</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                      <span class="icon-box">
                        <i class="bk-icon icon-plus-square"></i>
                      </span>
                        <span class="nav-name">一级菜单</span>
                    </a>
                    <div class="flex-subnavs">
                        <a href="javascript:;"><i></i>二级菜单</a>
                        <a href="javascript:;"><i></i>二级菜单</a>
                    </div>
                </li>
            </ul>
        </div>
        {% endblock %}

        <div class="copyright">
            <p>Copyright &copy; 2012-2017 HTOP.ME;</p>
            <span>All Rights Reserved.</span>
        </div>
    </div>

    <div class="page-content">
        {% block content %}

        {% endblock %}
    </div>
</div>

<script src="https://magicbox.bkclouds.cc/static_api/v3/assets/js/jquery-1.10.2.min.js"></script>
<script src="https://magicbox.bkclouds.cc/static_api/v3/assets/echarts-2.0/echarts-all.js"></script>
<script src="{% static 'js/common.js' %}"></script>
<script src="{% static 'js/index.js' %}"></script>
{% block custom_js %} {% endblock %}
</body>
</html>